export const OneDriveLogo = ({ className }: { className?: string }) => (
  <svg
    className={className}
    viewBox="0 0 62 62"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby="oneDriveTitle"
  >
    <title id="oneDriveTitle">OneDrive</title>
    <path
      d="M35.582 36.023l9.082-8.686c-1.887-7.356-9.379-11.79-16.735-9.904a13.75 13.75 0 0 0-8.07 5.76c.14-.003 15.723 12.829 15.723 12.829z"
      fill="#0364b8"
    />
    <path
      d="M25.778 24.829v.002c-1.735-1.075-3.737-1.643-5.778-1.64l-.141.004a11 11 0 0 0-10.858 11.13c.027 2.203.715 4.346 1.975 6.153l13.606-1.704 10.432-8.412-9.237-5.532z"
      fill="#0078d4"
    />
    <path
      d="M44.664 27.338l-.603-.023c-1.219-.001-2.424.248-3.543.731v-.001l-5.504 2.316 6.068 7.495 10.847 2.637a8.94 8.94 0 0 0-7.265-13.155h0z"
      fill="#1490df"
    />
    <path
      d="M10.976 40.477c2.054 2.954 5.425 4.714 9.023 4.712h24.062c3.287.001 6.309-1.803 7.868-4.696L35.015 30.361 10.976 40.477z"
      fill="#28a8ea"
    />
  </svg>
);
